import React from 'react';
import PicList from './PicList';




class LayerOut extends React.Component {
    constructor(props) {
        super(props);
        this.state={
            notes:[
                {
                    'id':'21321321',
                    'title':'hello world',
                    'content':'first content'
                },
                {
                    'id':'123213213',
                    'title':'hello world 2',
                    'content':'second content'
                }
            ]
        }
    }
    
    render() {
        const notes=this.state.notes;

            return (
                <div className="container">
                      <button onClick={this.addNote}>+</button>
                {notes.map(note=>
                    <p key={note.id}>{note.content}</p>
                    )}
                </div>
            )
        
    }
}

export default LayerOut;
